<template>
  <div class="people-like-album">
    <!-- <h5 class='fc333 fs12 like-title pb10 solid-border-bottom'>喜欢这个歌单的人</h5> -->
    <ul class='W100pc like-ul clearfix pt20'>
      <li class='fl like-li' v-for="item in collectorData.subscribers" :key=item.key>
        <a href="javascript:;" class='disinblock'>
          <img :src=item.avatarUrl class='collector-avatar' :title=item.nickname>
        </a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'peopleLikeAlbum',
  props: ['albumList', 'collector'],
  data() {
    return {
      albumListData: '',
      collectorData: ''
    }
  },
  methods: {
  },
  watch: {
    albumList() {
      this.albumListData = this.albumList
    },
    collector() {
      this.collectorData = this.collector
    }
  }
}
</script>

<style scoped lang='less'>
  .people-like-album {
    .like-li {
      padding: 0 12px 13px 0;
    }
    .collector-avatar {
      width: 40px;
      height: 40px;
    }
  }
</style>